<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="lt-ie9"><![endif]-->
<!--[if gt IE 8]><!-->
<html>
	<!--<![endif]-->

	<head>
		<title>I Am 创客</title>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/normalize.css">
		<link rel="stylesheet" href="css/foundation.min.css">
		<link rel="stylesheet" href="css/superfish.css">
		<link rel="stylesheet" href="css/stylesheet.css">
		<link href='http://fonts.useso.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
		<!--[if lt IE 9]>
<link rel="stylesheet" href="css/ie-fixes.css">
<![endif]-->
		<script src="js/custom.modernizr.js"></script>
		<script>
			Modernizr.load({
				// test if browser understands media queries
				test: Modernizr.mq('only all'),
				// if not load ie8-grid
				nope: 'css/ie8-grid-foundation-4.css'
			});
		</script>
	</head>

	<body>

		<div class="header-outter">
			<div class="row header">
				<div class="columns large-12">
					<div class="row header-inner">
						<div class="columns large-3">
							<div class="logo">
								<a href="index.html"><img src="images/logo.png" alt=""></a>
							</div>
						</div>
						<div class="columns top-menu large-9 top-nav plr0">
							<nav>
								<section>
									<ul class="sf-menu large-12">
										<li class="active"><a href="index.html">主页</a></li>
										<li><a href="blog.html">博客</a></li>
										<li><a href="gallery.html">人物</a></li>
										<li><a href="contact.html">联系我们</a></li>
										<li><a href="about.html">关于</a></li>

									</ul>
								</section>
							</nav>
						</div>
					</div>
				</div>
				<div class="columns large-12 small-top-menu">
					<div class="row">
						<div class="columns large-12 plr0 top-nav">
							<form name="dropdown" class="dropdown" action="#">
								<nav>
									<section>
										<select name="selected" id="target" accesskey="E" onChange="goToNewPage(document.dropdown.selected)">
                  <option value="index.html">home</option>
                  <option value="about.html">about us</option>
                  <option value="blog.html">blog</option>
                  <option value="gallery.html">gallery</option>
                  <option value="contact.html">contact us</option>
                </select>
									</section>
								</nav>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row content-wrapper call-to-action">
			<div class="columns large-12">
				<div class="row content-wrapper-inner">
					<div class="columns large-7"> </div>
					<div class="columns large-5 action-box">
						<div class="action-box-inner">
							<h2 align="center">I Am 创客</h2>
							<p>创·时代开始！还在苦恼自己的想法无法实现吗？还在纠结没有强大的团队后盾吗？即刻起，加入我们。只要你的想法够好，点子够妙，我们就会支持你，让你实现梦想。</p>
							<p class="non" align="center"><a class="button black" href="gallery.html">查看更多</a><a class="button orange" href="contact.html">立即加入</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<h1 style="padding-top:10px;" align="center">创·人物</h1>
		<marquee bgcolor="#000000" onMouseOver="this.stop()" onMouseOut="this.start()">
			<a href="about.html">
				<font color="#FF6633" size="+2" face="华文行楷">
					各位创客注意！我们不会随意透露您的创意想法，不会在您未授权时私自使用于任何的商业用途！想了解相关细节请联系我们</font>
			</a>
		</marquee>
		<div class="row content-wrapper">
			<div class="columns large-12 plr0">
				<div class="row content-wrapper-inner front-service-boxes">
					<div class="columns content large-4 front-service-box">
						<a href="gallery.html"> <img src="images/1.jpg" alt=""></a>
						<div class="center">

							<h4>马云 </h4>
							<p onclick="goToNewPage()"><a href="gallery.html#3">一个改变中国的男人</a></p>
						</div>
						<hr>
					</div>
					<div class="columns content large-4 front-service-box">
						<a href="gallery.html"><img src="images/2.jpg" alt=""></a>
						<div class="center">
							<h4>黄凯 </h4>
							<p>从三国中发现新的玩法</p>
						</div>
						<hr>
					</div>
					<div class="columns content large-4 front-service-box">
						<a href="gallery.html"><img src="images/3.jpg" alt=""></a>
						<div class="center">
							<h4>韩寒</h4>
							<p>一个被嘲笑的成功作家</p>
						</div>
						<hr>
					</div>
				</div>
			</div>
		</div>

		<footer class="row footer">
			<div class="columns large-12">
				<div class="row content-wrapper-inner">
					<div class="columns large-8">
						<div class="row">
							<div class="columns large-12">
								<h3>寻求合作伙伴</h3>
							</div>
						</div>
						<div class="row">
							<div class="columns large-3"><img src="images/df.jpg" alt="" class="test-img"></div>
							<div class="columns content large-9 testimonials-text">我们正在寻求更多的商业合作伙伴，如果你有足够的财力，我们非常希望你能加入我们。一旦成为我们合作伙伴, 你可以在第一时间了解有哪些好的项目，并可以拿到一手资料，从而抢占商机。
								<p><span class="credit"><span class="name">联系电话：010-4164-465498</span>
									<p><span class="profession">公司地址：广西壮族自治区，南宁，明秀路118号</span></span>
									</p>
							</div>
						</div>
					</div>
					<div class="columns content large-4 whychooseus">
						<h3>精英汇聚地</h3>
						<p>如果你暂时没有好的想法，或者还有瑕疵，你可以登陆我们的论坛，向其他人请教。</p>
						<a class="button grey" href="#">进入论坛</a> </div>
				</div>
			</div>
		</footer>
		<div class="footer-meta">
			<div class="row">
				<div class="columns large-4">
					<ul class="large-block-grid-4">
						<li>
							<a class="media-wrapper" href="#"><img src="images/xinlang.jpg" alt=""></a>
						</li>
						<li>
							<a class="media-wrapper" href="#"><img src="images/baidu.png" alt=""></a>
						</li>
					</ul>
				</div><audio src="other/the_clans_join.mp3" autoplay="true" controls playcount="-1"></audio>
				<p align="right">版权所属
			</div>
		</div>
		<script src="js/jquery.min.js"></script>
		<script src="js/hoverIntent.js"></script>
		<script src="js/superfish.js"></script>
		<script>
			Modernizr.load({
				test: Modernizr.placeholder,
				nope: 'js/placeholder.min.js'
			});

			function goToNewPage() {
				if (document.getElementById('target').value) {
					window.location.href = document.getElementById('target').value;
				}
			}
		</script>
		<script>
			$(document).ready(function() {
				$('ul.sf-menu').superfish({
					animation: {
						height: 'show'
					},
					delay: 400
				});
			});
		</script>
	</body>

</html>